<ion-header>
  <ion-navbar>
    <ion-title>
      兴趣
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
<div class="top">选择你感兴趣的</div>
 <div class="main">
  <ul>
    <li>
      <p class="p1">
        <img src="../src/pages/xingqu/img/2.png" /><br />
        <span>全部分类</span>
      </p>
    </li>
    <li>
      <p class="p2">
        <img src="../src/pages/xingqu/img/3.png" /><br />
        <span>大学考试</span>
      </p>
    </li>
    <li>
      <p class="p3">
        <img src="../src/pages/xingqu/img/4.png" /><br />
        <span>夏冬令营</span>
      </p>
    </li>
    <li>
      <p class="p4">
        <img src="../src/pages/xingqu/img/5.png" /><br />
        <span>实用口语</span>
      </p>
    </li>
    <li>
      <p class="p5">
        <img src="../src/pages/xingqu/img/6.png" /><br />
        <span>实训营地</span>
      </p>
    </li>
    <li>
      <p class="p6">
        <img src="../src/pages/xingqu/img/6.png" /><br />
        <span>实训营地</span>
      </p>
    </li>
    </ul>
  </div>
 <div class="main">
  <ul>
    <li>
      <p class="p1">
        <img src="../src/pages/xingqu/img/2.png" /><br />
        <span>全部分类</span>
      </p>
    </li>
    <li>
      <p class="p2">
        <img src="../src/pages/xingqu/img/3.png" /><br />
        <span>大学考试</span>
      </p>
    </li>
    <li>
      <p class="p3">
        <img src="../src/pages/xingqu/img/4.png" /><br />
        <span>夏冬令营</span>
      </p>
    </li>
    <li>
      <p class="p4">
        <img src="../src/pages/xingqu/img/5.png" /><br />
        <span>实用口语</span>
      </p>
    </li>
    <li>
      <p class="p5">
        <img src="../src/pages/xingqu/img/6.png" /><br />
        <span>实训营地</span>
      </p>
    </li>
    <li>
      <p class="p6">
        <img src="../src/pages/xingqu/img/6.png" /><br />
        <span>实训营地</span>
      </p>
    </li>
    </ul>
  </div>
  <div class="footer">
    确定
  </div>
</ion-content>